﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Login"
    Title="Login" ValidateRequest="false" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Login</title>
    <script src="JS/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="JS/select2.min.js" type="text/javascript"></script>
    <script src="JS/jquery-ui-1.9.2.custom.min.js" type="text/javascript"></script>
    <link href="Styles/Style.css" rel="stylesheet" type="text/css" />
    <link href="Styles/error-message.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(document).ready(function () {
            $('txtUsername').focus();
            $("#lnkForgotPassword").click(function () {
                $("#divForgotPassword").slideToggle("slow");
            });
        });

    </script>
    <link href="Styles/Style.css" rel="stylesheet" type="text/css" />
    <link href="styles/error-message.css" rel="stylesheet" type="text/css" />

</head>
<body>
    <form id="form1" runat="server">
        <center>
            <div id="loginContent" class="login-content">
                <div class="loginform">
                    <div class="panel">
                        <div class="panel-body">
                            <div id="divLogin">
                                <div class="form-group" style="border-bottom: 1px solid #E5E5E5; padding: 10px">
                                    <center>
                                        <img src="images/OuterLogo.png" alt="" style="margin-left: -30px; width: 320px" /></center>
                                </div> 
                                <div class="form-group">
                                    <div id="divError" class="login-errormsg" style="display: none;">
                                        <asp:Label ID="lblErrorMsg" runat="server" Text="" ClientIDMode="Static"></asp:Label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="login-header">
                                        Auditor Billing Management System
                                    <asp:Label runat="server" ID="lblUATLabel" ClientIDMode="Static"></asp:Label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <asp:TextBox ID="txtUsername" CssClass="login-textbox" runat="server" MaxLength="50"
                                        TabIndex="1" Width="85%" placeholder="User name"></asp:TextBox><br />
                                    <asp:RequiredFieldValidator ID="rfvUserName" runat="server" ClientIDMode="Static"
                                        ControlToValidate="txtUsername" Display="Dynamic" ValidationGroup="vgLogin"><span class="error" style="width:96%; text-align:left">Enter user name.</span></asp:RequiredFieldValidator>
                                </div>
                                <div class="form-group">
                                    <asp:TextBox ID="txtPassword" runat="server" CssClass="login-password" TextMode="Password"
                                        placeholder="Password" MaxLength="25" TabIndex="2" Width="85%"></asp:TextBox><br />
                                    <asp:RequiredFieldValidator ID="rfvPassword" runat="server" ClientIDMode="Static"
                                        ControlToValidate="txtPassword" Display="Dynamic" ValidationGroup="vgLogin"><span class="error" style="width:96%; text-align:left">Enter password.</span></asp:RequiredFieldValidator>
                                </div>
                                <div class="form-group" style="padding: 0 0 25px;">
                                    <asp:Button ID="cmdLogin" runat="server" CssClass="btn-primary login-btn" Width="30%"
                                        Text="Log In" OnClick="cmdLogin_Click" ValidationGroup="vgLogin" /><br />
                                    <br />
                                    <div style="float: right; display: none;">
                                        <a id="lnkForgotPassword" style="cursor: pointer;">Forgot Password?</a>
                                    </div>
                                </div>
                                <div class="clear">
                                </div>
                            </div>
                            <div id="divForgotPassword" runat="server" style="display: none;">
                                <div class="form-group" style="text-align: left;">
                                    <span>Enter your login email id. Password will be sent to this id.</span>
                                </div>
                                <div class="form-group">
                                    <asp:TextBox ID="txtForgotEmail" runat="server" ClientIDMode="Static" Width="90%"
                                        MaxLength="50" TabIndex="1000"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="rfvtxtForgotEmail" runat="server" ClientIDMode="Static"
                                        ControlToValidate="txtForgotEmail" ValidationGroup="vgForgotPassword" Display="Dynamic">
                                <span class="error"  style="width:89%;">Enter email id.</span></asp:RequiredFieldValidator>
                                    <asp:CustomValidator ID="cvtxtForgotEmail" runat="server" Display="Dynamic" ClientIDMode="Static"
                                        ValidationGroup="vgForgotPassword" ControlToValidate="txtForgotEmail" ClientValidationFunction="validate_EmailAddress">
                                <span class="error" style="width:100%;">Enter valid email id.</span></asp:CustomValidator>
                                </div>
                                <div class="form-group" style="padding: 0 0 25px;">
                                    <asp:Button ID="btnForgotPassword" runat="server" CssClass="btn-primary login-btn"
                                        Width="30%" Text="Send" OnClick="btnForgotPassword_Click" TabIndex="1001" ValidationGroup="vgForgotPassword" />
                                </div>
                                <div class="form-group">
                                    <div id="divForgotPassError" class="login-errormsg" style="display: none;">
                                        <asp:Label ID="lblForgotPassErrorMsg" runat="server" Text="" ClientIDMode="Static"></asp:Label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div id="divForgotPassSuccess" class="information" style="display: none;">
                                        <asp:Label ID="lblForgotPassSuccessMsg" runat="server" Text="" ClientIDMode="Static"></asp:Label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </center>
    </form>
</body>
</html>
